AJAX (Asynchronous JavaScript and XML) হচ্ছে একটি টেকনিক যা ওয়েব পেজের একটি অংশ আপডেট করতে ব্যবহৃত হয়, ব্রাউজার রিলোড ছাড়াই। jQuery AJAX মেথডগুলি ডেভেলপারদের এই প্রক্রিয়াকে সহজ করে তোলে। নিচে load(), $.get(), এবং $.post() মেথডগুলির ব্যবহার এবং তাদের কার্যকারিতা বর্ণনা করা হলো।
load()
load() মেথড ব্যবহার করা হয় ওয়েব পেজের কোনো নির্দিষ্ট অংশে ডেটা লোড করার জন্য। এটি HTML বা টেক্সট ডেটা সার্ভার থেকে সরাসরি একটি নির্দিষ্ট এলিমেন্টে লোড করে।
সিনট্যাক্স:
$(selector).load(URL, data, callback);
- URL: যে URL থেকে ডেটা লোড করা হবে।
- data (ঐচ্ছিক): সার্ভারে পাঠানো ডেটা, যা পোস্ট রিকোয়েস্টের সময় পাঠানো হয়।
- callback (ঐচ্ছিক): লোড কমপ্লিট হওয়ার পরে কল করা ফাংশন।
উদাহরণ:
<div id="content"></div>
<button>Load Data</button>
<script>
$("button").click(function() {
$("#content").load("data.html");
});
</script>
$.get()
$.get() মেথড সার্ভার থেকে ডেটা অ্যাসিঙ্ক্রোনাসলি আনতে ব্যবহৃত হয়। এটি সাধারণত JSON, XML, HTML বা প্লেইন টেক্সট ডেটা লোড করতে ব্যবহার করা হয়।
সিনট্যাক্স:
$.get(URL, data, callback);
- URL: ডেটা আনার URL।
- data (ঐচ্ছিক): URL এ পাঠানো ডেটা।
- callback: ডেটা লোড কমপ্লিট হওয়ার পরে কল করা ফাংশন।
উদাহরণ:
$.get("server.php", { name: "John", time: "2pm" }, function(data) {
console.log("Data Loaded: " + data);
});
$.post()
$.post() মেথড সার্ভারে ডেটা পাঠাতে ব্যবহার করা হয়। এটি সাধারণত ফর্ম ডেটা পাঠানোর জন্য ব্যবহৃত হয়।
সিনট্যাক্স:
$.post(URL, data, callback);
- URL: ডেটা পাঠানোর URL।
- data: সার্ভারে পাঠানো ডেটা।
- callback: ডেটা পাঠানো সম্পন্ন হওয়ার পরে কল করা ফাংশন।
উদাহরণ:
$.post("server.php", { name: "Alice", job: "Developer" }, function(data) {
console.log("Server Response: " + data);
});
সারাংশ
jQuery দিয়ে AJAX অপারেশনগুলো সহজে ব্যবহার করা যায়। load(), $.get(), এবং $.post() মেথডগুলি ওয়েব পেজে ডায়নামিক কন্টেন্ট লোড করতে বা সার্ভারে ডেটা পাঠাতে অত্যন্ত কার্যকর। এগুলি ব্যবহার করে ডেভেলপাররা ব্যবহারকারীদের জন্য আরও ইন্টারেক্টিভ এবং রেসপন্সিভ ওয়েব পেরিয়েন্স তৈরি করতে পারেন।
Read more
